<html>
<head>
	<meta http-equiv="content-Type" content="text/html; charset=utf-8"/>	
	<title>SWANSOFT</title>
	<link media="all" rel="stylesheet" type="text/css" href="<!--{{$TPL_STATIC_CSS_BASE}}-->" />
	<script type="text/javascript" src="<!--{{$TPL_STATIC_JQUERY}}-->"></script>
</head>
<body>
<div id="wrapper">
	<div id="content">
	<div class="c1">
		<div class="controls">
			<nav class="links">					
				<ul>
					<li><a href="#" class="ico1">Messages <span class="num">26</span></a></li>
					<li><a href="#" class="ico2">Alerts <span class="num">5</span></a></li>
					<li><a href="#" class="ico3">Documents <span class="num">3</span></a></li>
				</ul>
			</nav>
			<div class="profile-box">
			<span class="profile">
				<a href="#" class="section">
				<img class="image" src="" alt="image description" width="26" height="26" />
				<span class="text-box">Welcome<strong class="name">Asif Aleem</strong></span>
				</a>
				<a href="#" class="opener">opener</a>
			</span>
			<a href="#" class="btn-on">On</a>
			</div>
		</div>
		<div class="tabs">
			<div id="tab-1" class="tab">
				<article>
					<div class="text-section">
						<h1>Dashboard</h1>
						<p>This is a quick overview of some features</p>
					</div>
					<ul class="states">
						<li class="error">Error : This is an error placed text message.</li>
						<li class="warning">Warning: This is a warning placed text message.</li>
						<li class="succes">Succes : This is a succes placed text message.</li>
					</ul>
				</article>
			</div>
		</div>
	</div>
	</div>
	<aside id="sidebar">
		<strong class="logo"><a href="#">lg</a></strong>
		<ul class="tabset buttons">
			<li class="active">
				<a href="#tab-1" class="ico1"><span>Dashboard</span><em></em></a>
				<span class="tooltip"><span>Dashboard</span></span>
			</li>
			<li>
				<a href="#tab-2" class="ico2"><span>Gallery</span><em></em></a>
				<span class="tooltip"><span>Gallery</span></span>
			</li>
			<li>
				<a href="#tab-3" class="ico3"><span>Pages</span><em></em></a>
				<span class="tooltip"><span>Pages</span></span>
			</li>
			<li>
				<a href="#tab-4" class="ico4"><span>Widgets</span><em></em></a>
				<span class="tooltip"><span>Widgets</span></span>
			</li>
			<li>
				<a href="#tab-5" class="ico5"><span>Archive</span><em></em></a>
				<span class="tooltip"><span>Archive</span></span>
			</li>
			<li>
				<a href="#tab-6" class="ico6"><span>Comments</span><em></em></a>
				<span class="num">11</span><span class="tooltip"><span>Comments</span></span>
			</li>
			<li>
				<a href="#tab-7" class="ico7"><span>Plug-in</span><em></em></a>
				<span class="tooltip"><span>Plug-in</span></span>
			</li>
			<li>
				<a href="#tab-8" class="ico8"><span>Settings</span><em></em></a>
				<span class="tooltip"><span>Settings</span></span>
			</li>
		</ul>
		<span class="shadow"></span>
	</aside>
</div>
</body>
